/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-loading() {
  // 字体色
  --ti-mobile-loading-font-color: var(--ti-mobile-color-text-primary);
  // 遮罩层背景色
  --ti-mobile-loading-bg-color-primary: var(--ti-mobile-color-bg-mask);
  // 图标色
  --ti-mobile-loading-icon-color: var(--ti-mobile-color-brand-2);
  // 图标宽度
  --ti-mobile-loading-icon-width: 40px;
  // 图标高度
  --ti-mobile-loading-icon-height: 40px;
  // 加载提示字号
  --ti-mobile-loading-text-font-size: var(--ti-mobile-font-size-s);
  // 非mini尺寸加载提示上边距
  --ti-mobile-loading-text-margin-top: 10px;
  // mini尺寸加载提示左边距
  --ti-mobile-loading-mini-text-margin-left: 8px; 
  // mini尺寸加载图标宽度
  --ti-mobile-loading-mini-icon-width: 14px;
  // mini尺寸加载图标高度
  --ti-mobile-loading-mini-icon-height: 14px;
  // small尺寸加载图标宽度
  --ti-mobile-loading-small-icon-width: 24px;
  // small尺寸加载图标高度度
  --ti-mobile-loading-small-icon-height: 24px;
  // medium尺寸加载图标宽度
  --ti-mobile-loading-medium-icon-width: 40px;
  // medium尺寸加载图标宽度
  --ti-mobile-loading-medium-icon-height: 40px;
  // large尺寸加载图标宽度
  --ti-mobile-loading-large-icon-width: 96px;
  // large尺寸加载图标高度
  --ti-mobile-loading-large-icon-height: 96px;
}
